import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

// 全局导入 normalize.css 让所有标签在不同浏览器风格统一 (PS：如果用组件库，内部集成了就不用额外安装)
import 'normalize.css';
// 全局导入 公共的样式   如：版心类名
import '@/assets/styles/common.less';
import { createPinia } from 'pinia';
import XtxUI from './components/XtxUI';
// 1. 导入持久化插件
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
// 创建 pinia 实例
const pinia = createPinia();
// 2. pinia 中扩展使用 持久化存储插件
pinia.use(piniaPluginPersistedstate);

const app = createApp(App);

// 以插件形式使用 router
app.use(router);
// 以插件形式使用 pinia
app.use(pinia);
// 以插件形式使用 XtxUI
app.use(XtxUI);

// 挂载记得放最后
app.mount('#app');
